<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>书籍评价</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<link rel="stylesheet" type="text/css" href="<%=basePath%>resources/css/front/evaluation.css">
	<script type="text/javascript" src="<%=basePath %>resources/js/jquery-3.1.1.min.js"></script>
	<script type="text/javascript" src="<%=basePath %>assets/layer/layer.js"  ></script>
	<script type="text/javascript" src="<%=basePath %>resources/js/evaluation.js"></script>
  </head>
  
  <body>
 
  <div id="eva-container">
  
  		  
  <div class="detail-hd" id="o-info-orderinfo" oid="53090264643" payid="4" ot="0" shipmentid="70" venderid="32+ro+cdrp0=
	" iscarshoporder="">
	  <div class="orderinfo">
	  	<h3 class="o-title">评价订单</h3>
	  	<div class="o-info">
	  		<span class="mr20">
	  			订单号：
	  			<a href="<%=basePath%>order/order" target="_blank" id="a-cont" class="gray1">${oid }</a>
	  		</span>
	  		<span>
	  			${orderTime }
	  		</span>
	  	</div>
	  </div>
  </div>
		
	


<div id="detailDiv">
  <button class="doBack" onclick="doBack()">返回</button>
   <div class="divBookName">${book.bname }</div>
  <div>
	    <img align="top" src="<%=basePath%>resources/images/book-img/${book.image_w }" class="img_image_w"/>
	    <div class="bookinfo">
	    	<ul>
		    	<li>商品编号：${book.bid }</li>
		    	<li>现价：<span class="price_n">&yen;${book.currPrice }</span></li>
		    	<li>原价：<span class="spanPrice">&yen;${book.pricing }</span>　折扣：<span style="color: #c30;">${book.discount }</span>折</li>
		    </ul>
		    <table>
			<tr>
				<td colspan="3">
					作者：${book.author } 著
				</td>
			</tr>
			<tr>
				<td colspan="3">
					出版社：${book.press }
				</td>
			</tr>
			<tr>
				<td colspan="3">出版时间：${book.publicationTime }</td>
			</tr>
		</table>
		    
	    </div>
    <div class="divBookDesc">
    
    <div class="fi-tip"><i class="myicon"></i><em class="tip-text">请至少填写一件商品的评价</em></div>
    
  		 <div class="content">
	  		 <p class="title">商品满意度</p>
	  			<div id="startone"  class="block clearfix" >
		          <div class="star_score"></div>
		          <p style="float:left;">您的评分：<span class="fenshu"></span> 分</p>
		          <div class="attitude"></div>
	    		</div>
    		<p class="title2">买家印象</p>
    		<div>
    		<button id="bt1" class="tag-item yxbut" onclick="changeStyle(id)">发货快</button>
    		<button id="bt2" class="tag-item yxbut" onclick="changeStyle(id)">没有磨损</button>
    		<button id="bt3" class="tag-item yxbut" onclick="changeStyle(id)">长期信赖</button>
    		<button id="bt4" class="tag-item yxbut" onclick="changeStyle(id)">是正品</button>
    		<button id="bt5" class="tag-item2 yxbut" onclick="changeStyle(id)">外观漂亮</button>
    		<button id="bt6" class="tag-item2 yxbut" onclick="changeStyle(id)">价格划算</button>
    		<button id="bt7" class="tag-item2 yxbut" onclick="changeStyle(id)">服务态度好</button>
    		<button id="bt8" class="tag-item2 yxbut" onclick="changeStyle(id)">书籍不错</button>
    		
    		</div>
    		<p class="title3">说点什么</p>
    		<div class="fop-main">
    		
    		<div class="f-textarea">
    			<textarea id="comment" name="comment" placeholder="商品是否给力？快分享你的购买心得吧~"></textarea>
			</div>
			</div>
			
			<div class="f-btnbox">
				<button class="btn-submit" onclick="subEvaluation()">提交</button>
				<span class="f-checkbox">
					<input id="check1" class="i-check" type="checkbox" checked="checked">
					<label for="check1">匿名评价</label>
				</span>
			</div>
    		
		    <script>
		     scoreFun($("#startone"))
		     scoreFun($("#starttwo"),{
		           fen_d:22,//每一个a的宽度
		           ScoreGrade:5//a的个数 10或者
		         })
		    </script>
  		</div>
  		
	</div>
  </div>
  </div>
  
  </div>
  <script type="text/javascript">

  </script>
  </body>
</html>
